@import "less.less";
.header{
    width: 100%;
    background:url('../images/my.png');
    background-size:100%;
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    h5{
        width: 95%;
        .padding-top(26);
        .padding-bottom(72);
        display: flex;
        justify-content:space-between;
        align-items:center;
        img{
            .width(48);
        }
    }
    .begin{
        width: 85%;
        display: flex;
        align-items:center;
        .padding-bottom(40);
        img{
            .width(106);
        }
        div{
            .margin-left(20);
            .font-size(22);
            color:#fff;
            .padding-left(36);
            .padding-top(14);
            .padding-right(36);
            .padding-bottom(14);
            border: 1px solid #fff;
            border-radius:1em;
            background:#ff7ea2;
        }
    }
}
.dingdan{
    width: 100%;
    .padding-top(36);
    .padding-bottom(26);
    .font-size(26);
    background:#FFF;
    display: flex;
    justify-content:space-around;
    .center{
        width:40%;
    }
    span img{
        .padding-left(15);
        .width(10);
    }
}
.main{
    background:#FFF;
    .margin-top(15);
    display: flex;
    justify-content:space-around;
    flex-wrap:wrap;
    .padding-bottom(20);
    h5{
        width: 95%;
        .padding-top(36);
    }
    dl{
        width: 25%;
        text-align:center;
        .margin-top(50);
        img{
            .width(58);
        }
    }
}
.you_like{
    display: flex;
    .margin-top(15);
    background:#FFF;
    justify-content:space-around;
    flex-wrap:wrap;
    h5{
        width: 100%;
        .padding-top(36);
        .padding-bottom(36);
        text-align:center;
    }
    .like_list{
        width: 100%;
        display: flex;
        justify-content:space-around;
        dl{
            width: 25%;
            text-align:center;
            img{
                .width(135);
            }
        }
    }
    .dll{
        width: 95%;
        display: flex;
        justify-content:space-around;
        flex-wrap:wrap;
        .margin-top(20);
        dl{
            width: 47%;
            .font-size(26);
            .padding-top(15);
            img{
                width: 100%;
            }
            dd {
                display: flex;
                justify-content:space-between;
                .padding-top(15);
                .line-height(35);
                span{
                    .font-size(24);
                    color:#f9043e;
                }
                i{
                    .font-size(20);
                }
            }
        }
    }
}